/*
 * @Author: 
 * @Date: 2022-02-17 14:25:32
 * @LastEditors: lqj
 * @LastEditTime: 2022-02-18 16:05:48
 * @Description: 请填写简介
 */
import React from 'react'
import RocketCss from './Rocker.module.less'
import { Button } from 'antd'

export default function Rocket() {
  let [isShow, setShow] = React.useState(true)
  return (
    <>
      <div>
        <div className={RocketCss.writ}>我家没有电脑</div>
        <div className={RocketCss.writ}>example text</div>
        <div className={RocketCss.writ}>12345</div>
      </div>
      <button className='de-btn'>button</button>
      <Button onClick={() => setShow(!isShow)}>open</Button>
      <div style={{ display: isShow ? 'none' : 'flex' }} className={RocketCss.container}>
        <Button onClick={() => setShow(!isShow)}>Close</Button>
        <div className={RocketCss.wrapper}>
          <div className={RocketCss.rocket}>
            <div className={`${RocketCss.left} ${RocketCss.side} ${RocketCss.body}`} />
            <div className={`${RocketCss.body} ${RocketCss.main}`}>
              <div className={`${RocketCss.wing} ${RocketCss.leftWing}`} />
              <div className={`${RocketCss.wing} ${RocketCss.rightWing}`} />
              <div className={RocketCss.booster} />
              <div className={RocketCss.fire} />
            </div>
            <div className={`${RocketCss.right} ${RocketCss.side} ${RocketCss.body}`} />
          </div>
        </div>
      </div>
    </>
  )
}
